Twitch è davvero una 
piattaforma inclusiva? 





Come elaborato finale del corso Estetica delle Interfacce dell’Accademia di Belle 
Arti di Pisa Alma Artis Giovanni Piscitelli, Aurora Ciappi e Arianna Biasci hanno 
realizzato un report sultema dell’Inclusività e dell’accessibilità del sito di live 
streaming Twitch.tv 
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Cos'è Twitch? 


Twitch è una piattaforma di live streaming di proprietà di Amazon.com. 

È nata il 6 giugno 2011 come piattaforma di streaming figlia di Justin.Tv. 

Il sito consente principalmente lo streaming di videogiochi ed è leader del 
settore nelle trasmissioni di eventi e competizioni eSports. Nel corso del 
tempo, però, i suoi contenuti si sono espansi a dismisura ed è possibile trovare 
canali dedicati agli argomenti più disparati: cinema, fumetti, challenge, cucina, 
live irl (in real life) e anche live di “Just Chatting”. 


Twitch da la possibilità allo streamer di avere un contatto diretto coni 
propri follower che durante lo streaming possono commentare in chat, 
mandare emoji, richiedere cose con i Punti Canale accumulati, fare donazioni 
spontanee e/o sottoscrivere un abbonamento mensile al canale del proprio 
streamer preferito per avere accesso a contenuti aggiuntivi e rimuovere la 
visualizzazione delle pubblicità su quel canale. Essendo Twitch di proprietà di 
Amazon è possibile sottoscrivere l'abbonamento ad un canale anche tramite 
Amazon Prime. 


Le sottoscrizioni (sub) sono disponibili nei seguenti pacchetti. 


Livello 1: 4,99 euro al mese. 
Livello 2: 9,99 euro al mese. 
Livello 3: 24,99 euro al mese. 


Una volta raggiunto un certo numero di sub e visualizzazioni, per lo streamer 
non è difficile attirare sponsor che cercano visibilità. Per questa ragione, 
tutti gli streamer più famosi stipulano contratti monetizzando da questo più 
ancora che dai loro stessi spettatori. 


ATTENZIONE: Per monetizzare su Twitch bisogna essere Partner o Affiliati di 
Twitch 


L'inclusività di Twitch? 


Twitch tiene molto all'aspetto di inclusività e accessibilità per essere un luogo 
di lavoro inclusivo per tutti, in cui ognuno possa entrare, contribuire, crescere 
e prosperare. 


Twitch è favorevole alla diversità, chiunque può creare un canale su Twitch. 
Vengono effettuate anche delle giornate che fornisco degli spazi sicuri in cui 
ognuno può sentirsi libero di essere se stesso inerenti a varie categorie come 
ad esempio “ Asian Guild “, “Black Guild “” Rainbow Road Guild “,“ Women+ 
guild “. 

Cercando di evitare pregiudizi secondo noi vanno ad attuare in modo 
eccessivo il politically correct, bannando determinati termini come ad 
esempio “BLIND RUN” perché ritenuto offensivo nei confronti delle persone 
ipovedenti e cieche, quando in realtà il termine non si riferisce affatto a 
suddetta categoria, ma bensì sta a significare che il gameplay viene trasmesso 
in streaming senza sapere niente sul gioco. 


Inoltre, Twitch è famoso per l’utilizzo di badges ed emojis, che ogni streamer 
può personalizzare sul proprio canale. Ci sono però delle emoji standard 
create da Twitch tipo la “ POGCHAMP ”. Il volto della suddetta emoji 
apparteneva a Ryan ‘Gootecks’ Gutierrez. Lo streamer ha però scritto un post 
di incitamento alla violenza su Twitter inerente al “2021 United States Capitol 
attack ”. Twitch ha deciso di rimuovere il suo volto dall’emoji e di cambiarlo 
ogni giorno, dissociandosi completamente da quanto scritto da Gutierrez 


Cross Cultural 


La piattaforma di Twitch è comprensibile da persone di tutte le età a patto 
che la persona in questione abbia dimestichezza con il mondo web. Persone 
meno navigate nell'ambiente possono avere più difficoltà a muoversi nella 
piattaforma, a volte rimanendo spaesate. 


Sondaggio sull’usabilità 


Abbiamo creato un questionario con domande inerenti all’usabilità di Twitch. 
29 persone hanno risposto e questi sono i dati che ne sono venuti fuori: 


Quanto spesso visiti il sito streaming? [n Copia 


29 risposte 


@ tra ic 2ele 10 volte al giorno 
@ 1 volta al giomo 

© 3 volte alla settimana 

@ 1 volta alla settimana 

@ Raramente 


© Mai 





Come reputi a livello di usabilità l'interfaccia dell'Homepage? [n Copia 


29 risposte 


©@ Scarsa 

@ Discreta 

©® Buona 

@ Molto Buona 
@ Eccellente 





La maggioranza, ovvero Il 34% ha risposto di visitare il sito tra le 2 e le 10 
volte al giorno, soltanto il 10,3% lo visita raramente 


A livello di usabilità dell'interfaccia dell’Homepage nessuno l’ha reputata 
scarsa. | voti sono stati tutti positivi. 


Come reputi la navigazione all'interno della piattaforma? 0 Copia 


29 risposte 


@ Scarsa 

@ Discreta 

@® Buona 

@ Molto Buona 
@ Eccellente 





Come reputi l'usabilità della chat dello streaming di Twitch? O Copia 


29 risposte 


@ Scarsa 

@ Discreta 

© Buona 

@ Molto Buona 
@ Eccellente 





Passando al lato navigazione il sondaggio si spacca in due tra chi la reputa 
buona e chi la reputa discreta. Ancor di più si spacca per quanto riguarda la 
chat che viene valutata scarsa dal 13,8% dei partecipanti al sondaggio, mentre 
il 37,9% la reputa molto buona e un altro 37,9% solo buona 
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Trovi facilmente quello che cerchi tramite la barra di ricerca? Come reputi la tua n Copia 
esperienza con essa? 


29 risposte 


@ Scarsa 

@ Discreta 

© Buona 

@ Molto Buona 
@ Eccellente 





Riesci a capire a cosa servono tutti i pulsanti e le icone presenti sulla piattaforma? O Copia 


29 risposte 


©si 
@ No 
© in parte 





Sulla barra di ricerca il sondaggio si spacca ancora di più, ma la maggioranza 
data dal 44,8% ritiene la sua esperienza con la barra di ricerca buona. Per 
quanto riguarda le icone, il 55% dei votanti riesce a capire soltanto in parte 
cosa vogliano dire e a cosa servono, dato molto importante da tenere in 
considerazione. 


A livello di usabilità come reputi l'app mobile di Twitch? [{m Copia 


29 risposte 


@ Scarsa 

@ Discreta 

® Buona 

@ Molto Buona 
@ Eccellente 





Lapp Mobile di Twitch è ritenuta dal 41% buona, dal 13,8% molto buona ma 
solo discreta dal 31%. 


Inoltre queste sono alcune lamentele o suggerimenti che gli utenti hanno 
esposto: 


e Rimuovere l’autoplay dai video 
e Pocapersonalizzazione dell’Homepage mobile 
e Consigliare canali emergenti e non sempre quelli che fanno tanti spettatori 





Responsive Design Test 


A livello di responsive design la prima cosa che notiamo come differenza tra 
desktop e mobile è che se apriamo Twitch da pc compare subito la schermata 
inziale e si può navigare anche senza account. 


Su mobile la prima schermata che compare è quella di registrarsi o accedere 
per vedere i contenuti all’interno di Twitch. 
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Come possiamo notare il layout mobile è molto più ordinato rispetto a quello 
desktop; al suo interno ci sono icone che richiedono una call to action (es: 


pulsante sfoglia). Sul desktop manca l’icona che sfavorisce il richiamo alla CTA. 


Nella versione mobile le immagini sono tutte ridimensionate molto bene in 
modo tale da capire cosa si sta guardando. 


Nella versione Desktop è posizionato in alto a sinistra un menù a puntini dal 
quale si trova il blog di Twitch in cui ci sono notizie inerenti alla piattaforma 
come eventi ecc... Nella versione mobile questo menù non è presente. 


Nella versione mobile ci sono delle differenze di colore e font tra 
l'applicazione per Android e quella Apple. 


Sui telefoni android i sottotitoli sono grigi e in caps lock, mentre su Apple sono 
bianchi e non in caps lock. 


Le immagini sono inclusive? 


Sulla piattaforma Twitch le immagini vengano visualizzate correttamente ma 
non possono essere descritte per mancanza dell’ ALT (Testo alternativo per 
le immagini, le descrive e le rende accessibili ai non vedenti che riescono a 
percepirle tramite la barra braille). 


Le persone con deficit visivi vedono la Homepage di Twitch in questi modi: 
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Copywriting test 


é GA Nonsicuro | ilcienr.i/dylanlab/apps/texttools/?tt_lang=it&tt_tmid=tm_readability&tt_jid=1651483650546512_it dog a7019: 


@MRIsNE DyLan TextTools v2.1.9 Ss e aa eo ala 


MM Gmail @D Youtube 2? Maps 





Analisi 








Proiezione 
Testo da Parti del globale della 
= I li " Annotazione ieiità. della leggibilità 
analizzare in frasi intoken discorso leggibilità AS 

indice di leggibilità livello di difficoltà 
IREAD-IT Base 12,2% x__: 
[READ-IT Lessicale 95,0% (_ Il 
[READ.IT Sintattico 93,5% e) 
[READ-IT Globale 16,0% si __ 
| miNdice dileggibilità _\___'ivello disemplicià rr. 
[IGULPEASE 55,2 [ni 
[H+] Profilo di base 
{H Profilo lessicale 
[H Profilo sintattico 








Dylan lab - Dinamiche del Linguaggio - TextTools v2.1.9 
Istituto di Linguistica Computazionale "Antonio Zampoll" (LC) 
Consiglio Nazionale delle Ricerche (CNR) - Area della Ricerca di Pisa 
Via G. Moruzzi 1, 56124 Pisa, Itala 
ftalanaS e. corit 





i. Cè farfalla-project.org/readability_static/ Og »#7-019: 


MM Gmail QD Youtube 2? Maps 
Parole totali: 51 


Scrivere qui sotto il proprio testo... 





Licenza elementare 
Esaltati, raduna la tua squadra e preparati, perché è l'ora dei biglietti del Twitchcon! I biglietti per il 
lo 5 ai TwitchCon Amsterdam sono ufficialmente in vendita e puoi acquistarli proprio qui. I biglietti andranno a ruba, 
o 4’ \prendili appena possibile! Siamo impazienti di fare gruppo nel cuore di Amsterdam, il 16 e 17 luglio. 


fio 65 
o 


Licenza media 











© 2013 Andrea Mangiatordi 
credits: jGauge by Darian Cabot 





Come possiamo vedere dalle immagini i testi usati su twitch hanno uno slang 
per ragazzi, questo può portare ad un livello di difficoltà più elevata per i 
bambini più piccoli o per gli adulti. 
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Multimedia Accessibile 


Twitch come già detto, è una piattaforma pensata per la creazione di contenuti 
in diretta dove gli utenti/spettatori possono entrare e commentare. 


La maggior parte dei contenuti riguarda i videogiochi. Per rendere lo 
streaming più accessibile Twitch potrebbe adottare delle soluzioni (non 
semplici) come per esempio lo speak to test per le persone non udenti o 
incaricare persone collocate in un box a parte che raccontano ciò che sta 
succedendo durante lo streaming in maniera specifica per coinvolgere a pieno 
persone non vedenti. 


Le live streaming di solito sono poi ricaricate per intero sul canale dello 
streamer. Per una maggiore accessibilità dato che è abbastanza impossibile 
inserire sottotitoli automatici per le dirette, potrebbero essere inseriti 
almeno per i video. 


Verifica Accessibilità nel Codice 


Twitch non ha molti errori a livello di accessibilità nel codice, però manca il 
LANG ovvero non è stata specificata la lingua del sito. 


Questo può dare problemi ai non vedenti, che usano la barra braille ma 
soprattutto l’output audio rischia di essere implementato con una pronuncia 
sbagliata (es: case in Italiano e case in Inglese ) 


Manca poi il Titolo H1, molto importante per differenziare vari argomenti. 


1. Warning Consider adding a lang attribute to the i html ‘ start tag to declare the language of this document. 
From line 1, column 16;.to line 1, column 44 
TYPE html><html class="tw-root--hover"><head> 
For further guidance, consult Declaring the overall language of a page and Choosing language tags. 
If the HTML checker has misidentified the language of this document, please file an issue report or send e-mail to report the problem. 





2. Error Badvalue only screen and(max-width: 640px)'forattribute media 'on element link : Parse Error. 
From line 1, column 1226; to line 1, column 1317 


"Twitch"/><link rel="alternate" media="only screen and(max-width: 640px)" href="https://m.twitch.tv"/><meta 





3. Error Badvalue origin-trial forattribute' http-equiv'on element meta. 





From line 1, column 65211; to line 1, column 6787 
tch.tv --><meta http-equiv="origin-trial" content="Al4GgLnwUTx/Mj0WaK4mK57NRcL9E17I2UF7y6500nwBWtPuXM4hlUhhoB/.. 
50dj00NDMILCImZWFOdXILIj0iV2ViVAShbnNWb3J0IiwizXhwaX351joxNj02N2US0TKSLCIpc IN1YmRvbWFPbiT6dHJ1ZX0="><1-- M 





4. Error Badvalue origin-trial forattribute http-equiv'on element meta. 





From line 1, column 6833; to line 1, column 7111 
tch.tv --><meta http-equiv="origin-trial" content="Ag8gjMC7YpL/OUcwEHEkvOQaTSL//OWmEo9gcm/0rXZjbHCcN4YmRh7aBjN.. 
IMZWFOdXJ1IjoiTWVKaWFTb3VyY2VJbldvemtlenMiLCJleMBpenki0jE2NDc50TMIOTKsIm12U3VizG9tYWluIjp0envIfo=="><link 


5. Error Element style notallowed as child of element div: in this context. (Suppressing further errors from this subtree.) 
Erom line 1, column 7704; to line 1, column 7710 
ss="root"><style>html{f 


Contexts in which element style may be used: 





Ina noscript element that is a child of a head element. 
Content model for element div: 
If the element is a child of a dl element: one or more dt elements followed by one or more da elements, optionally intermixed with script-supporting elements. 
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Summary Issues Pages https:/www.twitch.tv/ie11-deprecated.html 





Errors Accessibility Compatibility Search Standards Usability 


This tab shows accessibility issues, indicating problems for older users, people with disabilities or accessibility needs. Automated testing cannot detect all accessibility issues, so should be 
used alongside human testing. 


Level WCAG 2.1 Section 508 - 2017 Key 
A (] {} @ Pages with level A issues are unusable for some people 
AA © Pages with level AA issues are very difficult to use 
AAA € (© Pages with level AAA issues can be difficult to use 


Priority Description and URL 





Guideline and Line# Count 

Level A 
1 issues on 1 pages 

[0] Use the lang attribute to identify the language of the page. WCAG2.1A3.1.1 1 pages 

Section 508 (2017)A3.1.1 

Level AAA 
2 issues on 1 pages 

© Avoid specifying a new window as the target of a link with target=_blank WCAG 2.1 AAA F22 1 pages 
>» € Each section of content should begin with a heading element (h1, h2, h3), but this page has no headings. WCAG 2.1 AAA 2.4.1( Istantanea Schermo ps 


BR Lavorie x | BR SEOTE x | d&, (AUXxA x | @ Riprese x | (D Twitch x | (D twitehé x | @joyan x Calcola: x | € Debugi x | G chrome x | © Visiona x | @ Condivi x | E] Progett x @ 





€ Cè try.powermapper.com/demo/ 





ort/09d 





211-7811-4eb6-9047-9287759566f1 & 


© # # 0 @( 990 
MM Gmail € YouTube RP Maps 


ItoVETIVETe] ola Login 


Products y pp: About Us 


trial Desktop Download or | Cloud Signup 








Errors Accessibility Compatibility Search Standards Usability 


This tab shows search engine guideline violations, and pages that don* follow search optimization best practices. 


This tab is available in SorfSite Professional, SortSite Developer and OnDemand, but not in SortSite Standard edition. 








® Google Search Guidelines - Some pages violate these guidelines. 
®@ Bing Search Guidelines - Some pages violate these guidelines. 
@ Yahoo Search Guidelines - Some pages violate these guidelines. 
@ Robots.txt Guidelines - No issues found. 
(0) Search Best Practices - No issues found 
Priority Description and URL Guideline and Line# Count 
Priority 1 
2 issues on 1 pages 
() Offer an HTML site map to your users with links that point to the important parts of your site. Links embedded in Google Bing 1 pages 
menus, list boxes, and similar elements are not accessible to web crawlers unless they appear in your site map. If the 
site map is larger than 100 or so links, you may want to break the site map into separate pages. 
. This page has no h1 element, which violates Bing webmaster guidelines. Bing 1 pages 
Priority 3 
1 issues on 1 pages 
Summary issues Pages ttps:/\www.twitch.tv/ie11-deprecated.html 
Errors Accessibility Compatibility —Search’1Standards Usability 
This tab shows pages that do not comply with W3C standards. 
® W3C HTML/XHTML Validation - Some pages fail validation. 
(o) W3C CSS Validation - AIl pages valid. 
(O) W3C Deprecated Features - No issues found 
Priority Description and URL Guideline and Line# Count 
Priority 1 
1 issues on 1 pages 
(_] Attribute :alt not allowed on element. HIMLS 1 pages 


Expand all 1 issues 
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Abbiamo analizzato le diverse interfacce dei competitors in particolare 
Netflix e Youtube e possiamo notare delle differenze a livello di UI/UX ( User 
interface e User experience ). 


Netflix ha un approccio più estetico e intuitivo, mentre Youtube si focalizza 
sulla semplicità e va incontro ai gusti dell'utente. 


l'homepage di Twitch si presenta con i canali seguiti che sono in live o quelli 
che potrebbero interessarci e mostra sulla sinistra alcuni canali in live in quel 
momento 


WD sfoglia : 15° Accedi (REA © 
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Problema Contenuti per Adulti 


TN 


L'emittente ha indicato che questo canale è destinato a un 
[eltleJe][{eto}E=Te[F]| CN 


Inizia a guardare 


" Segui 
ciaosara06 
prova 21 0:02:49 È, è? 


LIVE Bellezza e body art Creative 


Come tutte le piattaforme video anche Twitch non è esente dalla presenza di 
contenuti per adulti accessibili solo ad utenti maggiorenni, o così dovrebbe 
essere... 

Nonostante secondo le normative dei social bisogna avere almeno 13 anni 
per avere un account ed esista l'opzione per definire alcuni contenuti presenti 
sulla piattaforma accessibili solo a utenti maggiorenni su Twitch questa regola 
è facilmente aggirabile semplicemente cliccando su “Inizia a guardare” pur 
non essendo loggati a nessun account (e quindi non avere nessun tipo di 
conferma di età). 
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Analisi SEO 


Twitch a livello di sicurezza e velocità è molto efficace, però abbiamo 
stabilizzato con Website Carbon Calculator che ogni persona che apre una 
qualsiasi pagina di Twitch produce 2,98 gr di CO2, sporcando dell’ 86% in più 
di altre pagine testate. 


DNS 
Si riesce a visualizzare il sito in tutto il mondo e in modo corretto. 
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Now explore the left sidebar to find out 
how to improve your score 


Carbon results for 


LANVA I Cos a RAYZ/ Share f in © @ 
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